<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="static/css/main1.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/select.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/animate.css"/>
		<script src="static/3rd/jquery-3.2.1.min.js"></script>
		<script src="static/js/jquery.select.js"></script>
		<!--<script src="static/3rd/jquery.nicescroll.js"></script>-->
	</head>
	<body style="background: #000026;"> 
		<img  class="bgImg" src="" alt="" />
		<!--<div class="start_page pt-page" style="visibility: hidden;">
		    <img src="static/img/3.jpg" style="z-index: -1;width: 100%;height: 100%;position: absolute"/>
		</div>-->
		<div class="container" id="page1st">
			<div class="header">
				<div class="logo" style="margin-top:-10px">基础企业安全责任考核</div>
				<a href="javascrip:void();" class="pre_btn"></a>		
			</div>
			<!--<div class="home" title="返回首页"><a href="index.html"></a></div>-->
			<div class="content">
				<div class="top_tip"  style="margin-top:20px">2016年移动考核平均分<strong>5.935</strong>分,电信考核平均分<strong>5.653</strong>分,联通考核平均分<strong>5.539</strong>分</div>
				<div class="bottom_content" style="margin-top:15px">
					<div class="left_content boxBg" style="margin-left: 10px;">
						<div class="select_box">
							<div class="select_box_left">
								<span class="select_title">运营商：</span>
								<select id="mySelect">
								    <option value="3">电信</option>
									<option value="1">移动</option>
									<option value="2">联通</option>
								</select>
							</div>
							<div class="select_box_right">
								<span class="select_title">年份：</span>
								<select id="mySelect2">
									<option value="2014">2014</option>
									<option value="2015">2015</option>
									<option value="2016">2016</option>
								</select>
							</div>
						</div>
						<!--<ul class="resource_no">
							<li>
								<h3>北京移动</h3>
								<p>5700</p>
							</li>
							<li>
								<h3>北京联通</h3>
								<p>5812</p>
							</li>
							<li>
								<h3>北京电信</h3>
								<p>2569</p>
							</li>
						</ul>-->
						<div class="ec_map_th" id="ec_map" style="width: 100%;"></div>
					</div>
					<div class="right_content" style="width: 35%;padding: 0 10px;">
						<div class="boxBg">
							<div class="right_content_top">
								<h2>运营商考核对比</h2>
								<div class="select_box">
									<span class="select_title">年份：</span>
									<select id="mySelect3">
										<option value="2014">2014</option>
										<option value="2015">2015</option>
										<option value="2016">2016</option>
									</select>
								</div>
							</div>
							<div class="right_content_middle">
								<!--<h2 style="margin-left: 10px;"></h2>-->
								<div class="ec_bar" id="ec_bar" style="width: 100%;"></div>
							</div>
						</div>
						<div class="right_content_bottom boxBg" style="width: 100%;margin-top: 10px;">
							<!--<div class="left_bar_box">
								<h2>移动扣分占比</h2>
								<div class="ec_pie" id="ec_pie_left"></div>
							</div>-->
							<div class="middle_bar_box">
								<h2>运营商扣分情况占比</h2>
								<div class="select_box_left" style="position: relative;top: 10px;">
								<span class="select_title">运营商：</span>
								<select class="caCheck">
									<option value="0">全部</option>
									<option value="1">移动</option>
									<option value="2">联通</option>
									<option value="3">电信</option>
								</select>
							</div>
							<div class="select_box_right" style="position: relative;top: 10px;">
								<span class="select_title">年份：</span>
								<select id="mySelect4">
									<option value="2016">2016</option>
								</select>
							</div>
							<div class="ec_pie" id="ec_pie_middle"></div>
							</div>
							<!--<div class="right_bar_box">
								<h2>联通扣分占比</h2>
								<div class="ec_pie" id="ec_pie_right"></div>
							</div>-->
						</div>
					</div>
					
				</div>
			</div>
			<div class="foot">
				<a href="javascrip:void();" class="next_btn"></a>
			</div>
		</div>
		<div class="mapWinOpen">
			<div class="win_shade"></div>
			<div class="win_content">
				<h1>各年度评分</h1>
				<div class="mapWinClose"></div>
				<div id="win_div">
					<!-- <ul>
						<li>年份</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
					</ul>
					<ul>
						<li>北京移动</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
					</ul>
					<ul>
						<li>北京电信</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
					</ul>
					<ul>
						<li>北京联通</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
						<li>2020</li>
					</ul> -->
				</div>
			</div>
		</div>
		<div class="foot_right_logo"></div>
		<script src="static/js/calculate.js"></script>
		<!--<script src="static/js/flip.js"></script>-->
		<script>
			calculate5th();
			window.onresize=function(){
				calculate5th();
			}
		</script>
		<script src="static/echarts/echarts.min.js"></script>
		<script src="static/echarts/china.js"></script>
		<script src="static/js/page5th.js"></script>
		<script src="static/js/boxBg.js"></script>
		<script>
			$(".ec_tab li").click(function(){
				$(this).addClass("active").siblings().removeClass("active")
			})
		</script>
		<script src="static/js/imgSkin.js"></script>
		<!--<script>
	

	   // $("#mySelect").select(); 不传参数可以这样写
		$("#mySelect").select({
			width: "100px",
			fontColor: "#fff",
			fontSize:"12px",
//			themeColor: "red",
			rowHoverColor: "#48c4ec",
			rowColor:"#292b52"
		});
		$("#mySelect2").select({
			width: "100px",
			fontColor: "#fff",
			fontSize:"12px",
//			themeColor: "red",
			rowHoverColor: "#48c4ec",
			rowColor:"#292b52"
		});
		//可选参数,不填就是默认值
		//width: "180px",            //生成的select框宽度
		//listMaxHeight:"200px",     //生成的下拉列表最大高度
		//themeColor: "#00bb9c",    //主题颜色
		//fontColor: "#000",        //字体颜色
		//fontFamily: "'Helvetica Neue', arial, sans-serif",    //字体种类
		//fontSize:"15px",           //字体大小
		//showSearch: false,        //是否启用搜索框
		//rowColor:"#fff",          //行原本的颜色
		//rowHoverColor: "#0faf03", //移动选择时，每一行的hover底色
		//fontHoverColor: "#fff",   //移动选择时，每一行的字体hover颜色
		//mainContent: "请选择",    //选择显示框的默认文字
		//searchContent: "关键词搜索"   //搜索框的默认提示文字  
	
		</script>-->
	</body>
</html>
